<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>Gooey Templates : CMS Style App</title>
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
		<meta http-equiv="Expires" content="Tue, 01 Jan 1980 1:00:00 GMT" />
		<meta http-equiv="Pragma" content="no-cache" />
		<link rel="stylesheet" href="css/reset-fonts.css" type="text/css" media="screen, projection" />
		<link rel="stylesheet" href="css/gt-styles.css" type="text/css" media="screen, projection" />
	</head>
	<body>
		<!-- head -->
		<div class="gt-hd clearfix">
			<!-- leaf watermark -->
			<div class="gt-leaf-watermark clearfix">
			
			<!-- head top -->
			<div class="gt-hd-top clearfix">
			
				<div class="gt-fixed-wrap clearfix">
			
				<!-- logo -->
				<div class="gt-logo">
					eco style app <img class="gt-leaf" src="images/gt/leaf-logo-icon.png" alt="leaf-logo-icon" width="49" height="44"/>
				</div>
				<!-- / logo -->
				
				<!-- utility box -->
				<div class="gt-util-box">
					<div class="gt-util-box-inner">
						<p>welcome <strong>sarah</strong> <span class="gt-util-separator">|</span> <a href="">logout</a></p>
					</div>
				</div>
				<!-- / utility box -->
				
				</div>
			
			</div><!-- /head top -->
			
			<!-- navbar -->
			<div class="gt-navbar clearfix">
				
				<div class="gt-fixed-wrap clearfix">
				
				<!-- navigation -->
				<div class="gt-nav">
					<ul>
						<li><a class="gt-active" href="index.html">Home</a></li>
						<li><a href="base.html">Base HTML</a></li>
						<li><a href="tables.html">Tables</a></li>
						<li><a href="forms.html">Forms</a></li>
						<li><a href="text-styles.html">Text Styles</a></li>
						<li><a href="buttons.html">Buttons</a></li>
						<li><a href="login.html">Login</a></li>
					</ul>
				</div><!-- / navigation -->
				
				<!-- search -->
				<div class="gt-search"><div class="gt-search-inner">
					<input type="text" class="gt-search-text" value="Search" onfocus="javascript:if(this.value=='Search')this.value='';" onblur="javascript:if(this.value=='')this.value='Search';" />
				</div></div>
				
				</div>
				
			</div><!-- /navbar -->			
		</div><!-- /leaf watermark -->
		</div>
		<!-- / head -->
		
		<!-- body -->
		<div class="gt-bd gt-cols clearfix">
			
			<!-- main content -->
			<div class="gt-content">
				
				<h1>Hi, thanks for purchasing a Gooey Template</h1>
				
				<h4>Following is a list of each html page you'll find in this template, along with a
				description of how to use it.</h4>
				
				<dl>
					<dt><a href="base.html">Base</a></dt>
					<dd>Base.html is a great starting point for your interface. This is a basic template, that shows different column layouts.</dd>
					
					<dt><a href="fixed.html">Fixed</a></dt>
					<dd>Fixed.html shows a fixed width page style. You can make any page a fixed width by adding the class "gt-fixed" to the body tag. To edit the width of the page, open gt-fixed.css and edit the width.</dd>
					
					<dt><a href="tables.html">Tables</a></dt>
					<dd>Tables.html contains a list of sample tables you can use for things like articles, comments, users, and
					more. To use a table, just copy the html code into your page.</dd>
					
					<dt><a href="forms.html">Forms</a></dt>
					<dd>Forms.html contains a list of sample forms you can use for things like adding articles, editing user settings, 
					and more. To use a form, just copy the html code into your page.</dd>
					
					<dt><a href="text-styles.html">Text Styles</a></dt>
					<dd>Text-Styles.html includes sample text styles for custom styles as well as default styles for most common
					html elements.</dd>
					
					<dt><a href="buttons.html">Buttons</a></dt>
					<dd>Buttons.html includes a list of buttons that come with this template. Each button uses html text, so you can
					easily change the text to anything you'd like.</dd>
					
					<dt><a href="login.html">Login</a></dt>
					<dd>Login.html includes a login form with a user name and password field.</dd>
					
				</dl>
				
				<h4>You'll also find several css files in the css folder:</h4>
				
				<dl>
					<dt>gt-styles.css</dt>
					<dd>This file contains all the template styles. If you need to make any changes to these styles, we recommend that you use "override.css"</dd>
					
					<dt>override.css</dt>
					<dd>This is an empty css file where you can add styles to override those in gt-styles.css. Putting override styles in this css file will help keep your changes more organized and easier to manage. (Note: If you add styles to this file, be sure to include this file in your html pages.)</dd>
					
					<dt>custom.css</dt>
					<dd>This file provides a great place to enter any custom styles you might need. (Note: If you add styles to this file, be sure to include this file in your html pages.)</dd>
					
					<dt>reset-fonts.css</dt>
					<dd>This is the global css reset. Do not make any changes to this file. If you need to override any of the styles in this file, do so in override.css</dd>
				</dl>
				
				<p>Thanks again for purchasing a Gooey Template! If you need additional help, just contact us at <a href="mailto:help@gooeytemplates.com">help@gooeytemplates.com</a></p>
				
				
			</div>
			<!-- / main content -->
			
			<!-- sidebar -->
			<div class="gt-sidebar">
				<!-- Sidebar Navigation -->
				<div class="gt-sidebar-nav gt-sidebar-nav-blue">
					<h3>Quick Links</h3>
					<ul>
						<li><a href="http://www.gooeytemplates.com" target="_blank">GooeyTemplates.com</a></li>
					</ul>
				</div><!-- /Sidebar Navigation -->
				
				<!-- Sidebar Navigation -->
				<div class="gt-sidebar-nav gt-sidebar-nav-gray">
					<h3>Contact Us</h3>
					<ul>
						<li><a href="mailto:help@gooeytemplates.com">Email Gooey Templates</a></li>
					</ul>
				</div><!-- /Sidebar Navigation -->
				
				<!-- Sidebar Box -->
				<div class="gt-sidebar-box gt-sidebar-box-gray">
					<!-- search -->
					<div class="gt-search"><div class="gt-search-inner">
						<input type="text" class="gt-search-text" value="Find an Article" onfocus="javascript:if(this.value=='Find an Article')this.value='';" onblur="javascript:if(this.value=='')this.value='Find an Article';" />
					</div></div><!-- /search -->
				</div><!-- /Sidebar Box -->
				
				<!-- Sidebar Content -->
				<div class="gt-sidebar-content">
					<h3>Sidebar Note</h3>
					<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
				</div><!-- /Sidebar Content -->
				
				<!-- Sidebar List -->
				<div class="gt-sidebar-list">
					<h3>Users List</h3>
					<ul class="gt-sidebar-list-content">
						<li class="gt-sidebar-list-row">
							<img class="gt-avatar-small" src="images/gt/avatar-small.gif" alt="avatar-small" width="25" height="25"/>
							<h4><a href="">John Marker</a></h4>
							<p>I love to color pictures!</p>
						</li>
						
						<li class="gt-sidebar-list-row">
							<img class="gt-avatar-small" src="images/gt/avatar-small.gif" alt="avatar-small" width="25" height="25"/>
							<h4><a href="">Charlee Watts</a></h4>
							<p>Eco-friendly is the way to go!</p>
						</li>
						
						<li class="gt-sidebar-list-row">
							<img class="gt-avatar-small" src="images/gt/avatar-small.gif" alt="avatar-small" width="25" height="25"/>
							<h4><a href="">Sarah Smith</a></h4>
							<p>I love to draw...</p>
						</li>
					</ul>
				</div><!-- /Sidebar List -->
				
			</div>
			<!-- / sidebar -->
			
		</div>
		<!-- / body -->
		
		<!-- footer -->
		<div class="gt-footer"><div class="gt-footer-inner">
			<p>Copyright &copy; 2010 Gooey Templates - <a href="http://www.gooeytemplates.com" target="_blank">GooeyTemplates.com</a></p>
		</div></div>
		<!-- /footer -->
	</body>
</html>